﻿$(document).ready(function () {
    $(".TabControl .TabTitle").find("li").each(
        function () {
            $(this).click(function () {
                ChangeTab(this);
                $(".TabControl input[id*='TabControlIndex']").val($(this).index());
            });
        }
    );
        $(".TabControl .TabTitle").find("li:eq(" + $(".TabControl input[id*='TabControlIndex']").val() + ")").click();
});

function ChangeTab(li) {
    if ($(li).attr("class") == "select") return;
    $(".TabControl .TabTitle").find("li").attr({ class: "" });
    $(li).attr({ class: "select" });
    $(".TabControl .TabPage").css({display:"none"});
    $(".TabControl .TabPage:eq(" + $(li).index() + ")").css({display:"block"});
}